{% extends "base.html" %}

{% block title %}首页 - 滩羊主要地方流行性疫病病原区系系统{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
{% endblock %}

{% block content %}
<div class="px-4 py-5 my-5 text-center">
    <h1 class="display-5 fw-bold text-body-emphasis">滩羊主要地方流行性疫病病原区系系统</h1>
    <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">
            专业的滩羊疫病监测与分析平台，为疫病防控提供科学依据。
        </p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
            {% if current_user.is_authenticated %}
                <a href="{{ url_for('main.dashboard') }}" class="btn btn-primary btn-lg px-4 gap-3">
                    <i class="bi bi-speedometer2 me-2"></i>进入仪表盘
                </a>
            {% else %}
                <a href="{{ url_for('auth.login') }}" class="btn btn-primary btn-lg px-4 gap-3">
                    <i class="bi bi-box-arrow-in-right me-2"></i>登录系统
                </a>
            {% endif %}
        </div>
    </div>
</div>

<div class="container px-4 py-5">
    <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
        <div class="col d-flex align-items-start">
            <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
                <i class="bi bi-graph-up"></i>
            </div>
            <div>
                <h3 class="fs-2 text-body-emphasis">数据分析</h3>
                <p>提供全面的疫病数据分析，包括地理分布、传播规律等多维度分析。</p>
            </div>
        </div>
        <div class="col d-flex align-items-start">
            <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
                <i class="bi bi-map"></i>
            </div>
            <div>
                <h3 class="fs-2 text-body-emphasis">地理可视化</h3>
                <p>直观展示疫病分布情况，帮助识别高风险区域。</p>
            </div>
        </div>
        <div class="col d-flex align-items-start">
            <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
                <i class="bi bi-file-earmark-text"></i>
            </div>
            <div>
                <h3 class="fs-2 text-body-emphasis">报告生成</h3>
                <p>自动生成全面的分析报告，包含分布特征、变异分析等多维度数据分析结果。</p>
                {% if current_user.is_authenticated %}
                <a href="{{ url_for('pathogen.generate_report') }}" class="btn btn-primary">
                    生成报告
                </a>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %} 